<template>
  <div>
    <h1 class="title">{{ data.title }}</h1>
    <p class="date">发布时间：{{ data.date }} 浏览量：{{ data.browseNumber }}</p>
    <p v-for="(item, index) in data.content" :key="index" class="content">
      <strong>{{ item.title }}：</strong>
      {{ item.text }}
    </p>
  </div>
</template>

<script>
export default {
  name: "more",
  props: ["data"]
};
</script>

<style scoped>
h1 {
  text-align: center;
}
.date {
  color: rgb(170, 165, 165);
  text-align: center;
}

.content {
  line-height: 30px;
}
</style>